<div class="f-form-layout farris-form farris-form-controls-inline">

  <div class="form-group farris-form-group screenGroup">
    <span class="screenName"> 小屏幕 </span>
    <div class="d-flex ml-2">
      <farris-combo-list [(ngModel)]="controlCountInRow.sm" [idField]="'value'" [textField]="'text'"
        [data]="smColumnEnumData" [editable]="false" [multiSelect]="false" [enableClear]="false"
        [enableCancelSelected]="false" [nosearch]="false">
      </farris-combo-list>


      <span class="ml-2 columnText">列</span>
    </div>
  </div>


  <div class="form-group farris-form-group screenGroup">
    <span class="screenName"> 中等屏幕 </span>
    <div class="d-flex ml-2">
      <farris-combo-list [(ngModel)]="controlCountInRow.md" [idField]="'value'" [textField]="'text'"
        [data]="mdColumnEnumData" [editable]="false" [multiSelect]="false" [enableClear]="false"
        [enableCancelSelected]="false" [nosearch]="false">
      </farris-combo-list>
      <span class="ml-2 columnText">列</span>
    </div>
  </div>

  <div class="form-group farris-form-group screenGroup">
    <span class="screenName"> 大屏幕 </span>
    <div class="d-flex ml-2">
      <farris-combo-list [(ngModel)]="controlCountInRow.lg" [idField]="'value'" [textField]="'text'"
        [data]="lgColumnEnumData" [editable]="false" [multiSelect]="false" [enableClear]="false"
        [enableCancelSelected]="false" [nosearch]="false">
      </farris-combo-list>
      <span class="ml-2 columnText">列</span>
    </div>
  </div>

  <div class="form-group farris-form-group screenGroup">
    <span class="screenName"> 极大屏幕 </span>
    <div class="d-flex ml-2">
      <farris-combo-list [(ngModel)]="controlCountInRow.el" [idField]="'value'" [textField]="'text'"
        [data]="elColumnEnumData" [editable]="false" [multiSelect]="false" [enableClear]="false"
        [enableCancelSelected]="false" [nosearch]="false">
      </farris-combo-list>
      <span class="ml-2 columnText">列</span>
    </div>
  </div>

</div>

<div class="applyBtn">
  <button class="btn f-rt-btn btn-primary" type="button" (click)="changeValue()">应用</button>
</div>